
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>87PK</title>
		<!--<link href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet">
        <script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>-->
        <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
        <link rel="stylesheet" href="rexue.css" />
        <script type="text/javascript" src="js/rexue.js" ></script>
	</head>
	<body>
		
		<div class="log">
			<a href="http://rxjh.qq.com"><div class="log_1"></div></a>
			<a href="http://www.87pk.com/"><div class="log_2" style="background-image: url(img/87.png);width: 270px;height: 140px;"></div></a>
			<div class="ring">
				<a href="http://rxjh.qq.com"><div class="ring_1"></div></a>
				<a href="http://www.87pk.com/"><div class="ring_2"></div></a>
			</div>
			<div class="game">
				
				<div class="game_1" onclick="zqon()">
					
				<!--<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"  codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"
              width="100%" height="400" id="" align="">
              <param name="movie" value="images/flash.swf">
              <param name="quality" value="high">
              <param name="wmode" value="transparent">
            <param name="bgcolor" value="#ffffff">-->
            
        <embed src="swf/开始按钮.swf" quality="high" wmode="transparent" bgcolor="#ffffff"  width="341" height="165" ></embed>
            	
            
            
      <!--</object> -->
      
      
				</div>
				
				<div class="game_2" onclick="baqito()">
					<!--<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"  codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"
              width="100%" height="400" id="" align="">
              <param name="movie" value="images/flash.swf">
              <param name="quality" value="high">
              <param name="wmode" value="transparent">
            <param name="bgcolor" value="#ffffff">-->
            
            <embed src="swf/登录.swf" quality="high" wmode="transparent" bgcolor="#ffffff"  width="165" height="73"></embed>
      <!--</object>-->
				</div>
				<div class="game_3" onclick="zhuce()">
					<!--<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"  codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"
              width="100%" height="400" id="" align="">
              <param name="movie" value="images/flash.swf">
              <param name="quality" value="high">
              <param name="wmode" value="transparent">
            <param name="bgcolor" value="#ffffff">-->
            
            <embed src="swf/注册.swf" quality="high" wmode="transparent" bgcolor="#ffffff"  width="165" height="73" ></embed>
            
      <!--</object>-->
            
				</div>
			</div>
			
		</div>
		
		<!--<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"  codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"
              width="100%" height="400" id="" align="">
              <param name="movie" value="images/flash.swf">
              <param name="quality" value="high">
              <param name="wmode" value="transparent">
            <param name="bgcolor" value="#ffffff">
            <embed src="swf/背景动画效果.swf" quality="high" wmode="transparent" bgcolor="#ffffff"  width="100%" height="1000" name="" align="" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>
      </object> -->
		
		<div class="center">
			
			<div class="center_1"></div>
			<div class="center_2">
				
<div style="float: left;margin-top: 30px;margin-left: 100px;"><input type="button" onclick="document.getElementById('div').style.display=(document.getElementById('div').style.display=='none')?'':'none'" value="领取礼包"/></div>

<div id="div" style="width: 750px;height: 350px;display: none;margin-top: -400px;margin-left: -200px;background-color: #155dac;">
	<div style="background-image: url(img/关闭按钮.png);width: 93px;height: 93px;float: left;margin-top: -420px;margin-left: 160px;" onclick="document.getElementById('div').style.display='none'"></div>
	<div style="width: 750px;height: 50px;border:0px solid;margin-top: -420px;float: left;"><a style="color: white;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;恭喜你成功领取独家清凉礼包：甘道夫的一头驴 游戏角色到底55级后可在游戏内 <span style="color: #F0C040;">"每日福利——激活码兑现"处兑现</span></a></div>
	<div style="width: 500px;height: 40px;border: 0px solid;float: left;margin-top: -350px;margin-left: 100px;">
		<a style="color: aqua;">成功领取礼包后千万别忘了记下礼包中赠送的绑定元宝的数量</a>
	</div>
	
	<a href="http://rc.qzone.qq.com/1104802271" ><div style="background-image: url(img/进入游戏.png);width: 228px;height: 73px;margin-top: -250px;margin-left: 60px;float: left;"></div><a/>
	<div style="background-image: url(img/点我有惊喜.png);width: 228px;height: 73px;float: left;margin-top: -250px;margin-left: 400px;" onclick="document.getElementById('dianwo').style.display=(document.getElementById('dianwo').style.display=='none')?'':'none'">
		<div id="dianwo" style="background-image: url(img/激活码使用小贴士.jpg);width: 1023px;height: 1052px;display: none;position: absolute;margin-top: 70px;margin-left: -550px;" >
			<!--<div style="background-image: url(img/关闭按钮.png);width: 93px;height: 93px;float: left;margin-left: 420px;margin-top: -20px;" onclick="document.getElementById('img').style.display='none'"></div>-->
		</div>
	</div>
</div>
			</div>
			
			<div class="yuanbao">
				<div class="erji"><span style="color: #ffe65c;line-height: 50px;margin-left: 30px;">清凉礼包中赠送的绑定元宝数量为：<input type="text"/>个</span></div>
				<div class="queding" onclick="document.getElementById('que').style.display=(document.getElementById('que').style.display=='none')?'':'none'"></div>
				<div id="que" style="width: 500px;height: 150px;display: none;background-color:#155dac ;position: absolute;margin-top: 230px;margin-left: 500px;">
					<div style="background-image: url(img/关闭按钮.png);width: 93px;height: 93px;float: left;margin-left: 410px;margin-top: -30px;" onclick="document.getElementById('que').style.display='none'"></div>
					<a style="color: white;margin-left: 50px;">你输入的绑定元宝数量正确，恭喜你获得3次抽奖机会</a>
				</div>
				<div class="choujiang"><a style="color: white;line-height: 50px;margin-left: 30px;">抽奖次数：<input placeholder="">次</a></div>
				<div class="ziliao">
					<div class="ziliao_1" onclick="document.getElementById('img').style.display=(document.getElementById('img').style.display=='none')?'':'none'"></div>
						<div id="img" style="width: 500px;height: 400px;display: none;position: absolute;margin-top: 60px;margin-left: -200px;background-color: #155dac;">
							<div class="jiangping"><h2>我的奖品</h2></div>
							<div style="background-image: url(img/关闭按钮.png);width: 93px;height: 93px;float: left;margin-left: 420px;margin-top: -80px;" onclick="document.getElementById('img').style.display='none'"></div>
							<div class="xingmin">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" name="names"></div>
							<div class="qq">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" name="names"></div>
							<div class="dianhua">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" name="names"></div>
							<div class="jiaose">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" name="names"></div>
							<div class="qufu">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" name="names"></div>
						</div>
						
					
					<div class="ziliao_2" onclick="document.getElementById('none').style.display=(document.getElementById('none').style.display=='none')?'':'none'" ></div>
						<div id="none" style="width: 400px;height: 350px;border: 0px solid;display: none;position: absolute;background-color: #00BFFF;margin-top: 60px;margin-left: 50px;">
							<div class="tianxie"><h3>填写资料</h3></div>
							<div style="background-image: url(img/关闭按钮.png);width: 93px;height: 93px;float: left;margin-left: 320px;margin-top: -80px;" onclick="document.getElementById('none').style.display='none'"></div>
							<div class="xingmin">姓名&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" name="names"></div>
							<div class="qq">QQ&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" name="names"></div>
							<div class="dianhua">联系电话&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" name="names"></div>
							<div class="jiaose">游戏角色名&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" name="names"></div>
							<div class="qufu">游戏区服&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" name="names"></div>
							<div class="tijiao"><input type="button" onclick="document.getElementById('tan_1').style.display=(document.getElementById('tan_1').style.display=='none')?'':'none'" value="提交"/>
							    <div id="tan_1" style="width: 300px;height: 100px;background-color: #155DAC;display: none;margin-left: 50px;margin-top: -200px;position: absolute;">
							    	<p style="color: white;font-size: 15px;margin-top: 45px;margin-left: 20px;">恭喜你获得三次抽奖机会——谢谢参与</p>
                                     <div style="background-image: url(img/关闭按钮.png);width: 83px;height: 83px;margin-top: -110px;margin-left: 235px;" onclick="document.getElementById('tan_1').style.display='none'"></div>
							    </div>
							</div>
						</div>
					
				</div>
				<div class="yuanbao_1">
					<div class="yuanbao_2">
						<div class="bao_1 x"></div>
						<div class="bao_2 x"></div>
						<div class="bao_3 x"></div>
						<div class="bao_4 x"></div>
					</div>
				</div>
				
				<div class="yuanbao_3">
					    <div class="tu_1 x"></div>
						<div class="tu_2" onclick="start()"></div>
						<div class="tu_3"></div>
						<div class="tu_4 x"></div>
					
				</div>
				<div class="yuanbao_4">
					    <div class="pian_1 x"></div>
						<div class="pian_2"></div>
						<div class="pian_3"></div>
						<div class="pian_4 x"></div>
				</div>
				<div class="yuanbao_5">
					    <div class="five_1 x"></div>
						<div class="five_2 x"></div>
						<div class="five_3 x"></div>
						<div class="five_4 x"></div>
				</div>
			</div>
			<div class="people"></div>
		</div>
		<div class="paihanbang">
			<div class="paihan">
				<div class="paihan_1">
					<div class="pai_1">
						<a href="http://rc.qzone.qq.com/1104802271" style="margin-left: 55px;color: #ffe65c;font-size: 20px;text-decoration: none;">第一名</a><br>
						<a href="http://rc.qzone.qq.com/1104802271" style="color: white;text-decoration: none;font-size: 15px;">服务器：石破天惊</a><br>
						<a href="http://rc.qzone.qq.com/1104802271" style="color: white;text-decoration: none;font-size: 15px;">角色名：御剑破苍穹</a><br>
					</div>
				</div>
				<div class="paihan_2" onclick="fenxiang()"></div>
				<div class="paihan_3">
					<div class="pai_3">
						<div class="pai_three">
							<a href="http://rc.qzone.qq.com/1104802271" style="margin-left:55px;color: #ffe65c;font-size: 20px;text-decoration: none;">第二名</a><br>
						    <a href="http://rc.qzone.qq.com/1104802271" style="color: white;text-decoration: none;font-size: 15px;">服务器：石破天惊</a><br>
						    <a href="http://rc.qzone.qq.com/1104802271" style="color: white;text-decoration: none;font-size: 15px;">角色名：御剑破苍穹</a><br>
						</div>
					</div>
					<div class="pai_4">
						<div class="pai_four">
							<a href="http://rc.qzone.qq.com/1104802271" style="margin-left:55px;color: #ffe65c;font-size: 20px;text-decoration: none;">第三名</a><br>
						    <a href="http://rc.qzone.qq.com/1104802271" style="color: white;text-decoration: none;font-size: 15px;">服务器：石破天惊</a><br>
						    <a href="http://rc.qzone.qq.com/1104802271" style="color: white;text-decoration: none;font-size: 15px;">角色名：御剑破苍穹</a><br>
						</div>
					</div>
				</div>
				<div class="paihan_4">
					<div class="paii_1">
						<div class="paii_one">
							<a href="http://rc.qzone.qq.com/1104802271" style="margin-left:55px;color: #ffe65c;font-size: 20px;text-decoration: none;">第四名</a><br>
						    <a href="http://rc.qzone.qq.com/1104802271" style="color: white;text-decoration: none;margin-left: 15px;font-size: 15px;">服务器：石破天惊</a><br>
						    <a href="http://rc.qzone.qq.com/1104802271" style="color: white;text-decoration: none;margin-left: 15px;font-size: 15px;">角色名：御剑破苍穹</a><br>
						</div>
					</div>
					<div class="paii_2">
						<div class="paii_two">
						<a href="http://rc.qzone.qq.com/1104802271" style="margin-left:55px;color: #ffe65c;font-size: 20px;text-decoration: none;">第五名</a><br>
						<a href="http://rc.qzone.qq.com/1104802271" style="color: white;text-decoration: none;margin-left: 15px;font-size: 15px;">服务器：石破天惊</a><br>
						<a href="http://rc.qzone.qq.com/1104802271" style="color: white;text-decoration: none;margin-left: 15px;font-size: 15px;">角色名：御剑破苍穹</a><br>
						</div>
					</div>
					<div class="paii_3">
						
						<a href="http://rc.qzone.qq.com/1104802271" style="margin-left:55px;color: #ffe65c;font-size: 20px;text-decoration: none;">第六名</a><br>
						<a href="http://rc.qzone.qq.com/1104802271" style="color: white;text-decoration: none;margin-left: 15px;font-size: 15px;">服务器：石破天惊</a><br>
						<a href="" style="color: white;text-decoration: none;margin-left: 15px;font-size: 15px;">角色名：御剑破苍穹</a><br>
					</div>
				</div>
				<div class="paihan_5">
					<div class="pai_five">
						<div class="paifiven">
						<a href="http://rc.qzone.qq.com/1104802271" style="margin-left:55px;color: #ffe65c;font-size: 20px;text-decoration: none;">第七名</a><br>
						<a href="http://rc.qzone.qq.com/1104802271" style="color: white;text-decoration: none;margin-left: 15px;font-size: 15px;">服务器：石破天惊</a><br>
						<a href="http://rc.qzone.qq.com/1104802271" style="color: white;text-decoration: none;margin-left: 15px;font-size: 15px;">角色名：御剑破苍穹</a><br>
						</div>
					</div>
					<div class="pai_sex">
						<div class="sexx">
						<a href="http://rc.qzone.qq.com/1104802271" style="margin-left:55px;color: #ffe65c;font-size: 20px;text-decoration: none;">第八名</a><br>
						<a href="http://rc.qzone.qq.com/1104802271" style="color: white;text-decoration: none;margin-left: 15px;font-size: 15px;">服务器：石破天惊</a><br>
						<a href="http://rc.qzone.qq.com/1104802271" style="color: white;text-decoration: none;margin-left: 15px;font-size: 15px;">角色名：御剑破苍穹</a><br>
						</div>
					</div>
					<div class="pai_eig">
					    <div class="eigg">
					    <a href="" style="margin-left:55px;color: #ffe65c;font-size: 20px;text-decoration: none;">第九名</a><br>
						<a href="http://rc.qzone.qq.com/1104802271" style="color: white;text-decoration: none;margin-left: 15px;font-size: 15px;">服务器：石破天惊</a><br>
						<a href="http://rc.qzone.qq.com/1104802271" style="color: white;text-decoration: none;margin-left: 15px;font-size: 15px;">角色名：御剑破苍穹</a><br>
					    </div>
					</div>
					<div class="pai_nig">
						<div class="nigg">
					    <a href="" style="margin-left:55px;color: #ffe65c;font-size: 20px;text-decoration: none;">第十名</a><br>
						<a href="http://rc.qzone.qq.com/1104802271" style="color: white;text-decoration: none;margin-left: 15px;font-size: 15px;">服务器：石破天惊</a><br>
						<a href="http://rc.qzone.qq.com/1104802271" style="color: white;text-decoration: none;margin-left: 15px;font-size: 15px;">角色名：御剑破苍穹</a><br>
						</div>
					</div>
				</div>
				<div class="paihan_6">
					<div class="pai_i">
						<a href="" style="margin-left:40px;color: #ffe65c;font-size: 20px;text-decoration: none;">第十一名</a><br>
						<a href="http://rc.qzone.qq.com/1104802271" style="color: white;text-decoration: none;margin-left: 15px;font-size: 15px;">服务器：石破天惊</a><br>
						<a href="http://rc.qzone.qq.com/1104802271" style="color: white;text-decoration: none;margin-left: 15px;font-size: 15px;">角色名：御剑破苍穹</a><br>
					</div>
					<div class="pai_p">
						<a href="" style="margin-left:40px;color: #ffe65c;font-size: 20px;text-decoration: none;">第十二名</a><br>
						<a href="http://rc.qzone.qq.com/1104802271" style="color: white;text-decoration: none;margin-left: 15px;font-size: 15px;">服务器：石破天惊</a><br>
						<a href="http://rc.qzone.qq.com/1104802271" style="color: white;text-decoration: none;margin-left: 15px;font-size: 15px;">角色名：御剑破苍穹</a><br>
					</div>
					<div class="pai_o">
						<a href="" style="margin-left:40px;color: #ffe65c;font-size: 20px;text-decoration: none;">第十三名</a><br>
						<a href="http://rc.qzone.qq.com/1104802271" style="color: white;text-decoration: none;margin-left: 15px;font-size: 15px;">服务器：石破天惊</a><br>
						<a href="http://rc.qzone.qq.com/1104802271" style="color: white;text-decoration: none;margin-left: 15px;font-size: 15px;">角色名：御剑破苍穹</a><br>
					</div>
					<div class="pai_n">
						<a href="" style="margin-left:40px;color: #ffe65c;font-size: 20px;text-decoration: none;">第十四名</a><br>
						<a href="http://rc.qzone.qq.com/1104802271" style="color: white;text-decoration: none;margin-left: 15px;font-size: 15px;">服务器：石破天惊</a><br>
						<a href="http://rc.qzone.qq.com/1104802271" style="color: white;text-decoration: none;margin-left: 15px;font-size: 15px;">角色名：御剑破苍穹</a><br>
					</div>
					<div class="pai_e">
						<a href="" style="margin-left:40px;color: #ffe65c;font-size: 20px;text-decoration: none;">第十五名</a><br>
						<a href="http://rc.qzone.qq.com/1104802271" style="color: white;text-decoration: none;margin-left: 15px;font-size: 15px;">服务器：石破天惊</a><br>
						<a href="http://rc.qzone.qq.com/1104802271" style="color: white;text-decoration: none;margin-left: 15px;font-size: 15px;">角色名：御剑破苍穹</a><br>
					</div>
				</div>
			</div>
		</div>
		<div class="gongjutiao">
				<div class="gongju_1" onclick="scolll()"><a style="color: white;margin-left: 5px;">1</a>
					
				</div>
				<div class="gongju_2" onclick="two()"><a style="color: white;margin-left: 5px;">2</a></div>
				<div class="gongju_3" onclick="three()"><a style="color: white;margin-left: 5px;">3</a></div>
				<div class="gongju_4" onclick="four()"><a style="color: white;margin-left: 5px;">4</a></div>
			</div>
		<div class="bot"></div>
			
	</body>
</html>
<script>
var reward = {
  index: 0, // 起始位置 
  time:null,//settimerout的id
  speed:50,//初始速度
  cycle:3,//转动基本次数
  times:0,//转动次数
  prize:11,//中奖位置
  spoil:$('.x'),//记录奖品
  start:function(){
    this.time = setInterval(function(){reward.backgroud();}, this.speed);
  },
  backgroud:function(){
    if (this.index >= this.spoil.length)
    {
      this.index = 0;
      this.times++;
      console.log(this.times);
    } else if (this.times >= this.cycle && this.index == this.prize)
    {
      clearInterval(this.time);
    } else {
      this.spoil.css('background', '');
      this.spoil.eq(this.index++).css('background', 'red');
    }
    console.log(1);
  }
}


</script>
